<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <title>组群聊-组群聊</title>
    <link th:href="@{/c/base.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/c/toefl.css}" rel="stylesheet" type="text/css">
    <link th:href="@{/c/bootstrap.min.css}" rel="stylesheet" type="text/css">
</head>
<body>
<div class="openMenu">
    <div class="doc1180">
        <ul class="fn-clear">
            <li class="openMenuOn"><a href="###">全部</a></li>
            <li><a href="###">同城考试群</a></li>
            <li><a href="###">考试场次群</a></li>
            <li><a href="###">名师学堂群</a></li>
            <li><a href="###">结伴备考群</a></li>
        </ul>
    </div>
</div>
<div class="doc1180 paddingT20 fn-clear"><!--页面左侧内容-->
    <div class="tfr_left">
        <div class="zql_itemWyjq"><a href="###" class="itemWyjqB btn btn-danger">我要建群</a></div>
        <div class="zql_item">
            <ul>
                <li class="zql_itemPic"><img th:src="@{/i/82x82.png}" width="82" height="82"></li>
                <li class="zql_itemText">

                    <div class="zql_itemTitle">群组名称</div>
                    <div class="zql_itemTime">建群时间：2014-12-29</div>
                    <div class="zql_itemP">香港股市近之势停止，令不少有买股票的艺人赔钱!</div>

                </li>
                <li class="zql_itemButton">
                    <div class="zql_itemNum">1234人已加入</div>
                    <div class="zql_itemZt">
                        <a th:href="@{/group-chat/groupchat-details}">群信息</a>|<a href="###">退出该群</a>
                    </div>
                    <a class="btn btn-primary" href="###">加入群</a>
                </li>
            </ul>
            <ul>
                <li class="zql_itemPic"><img th:src="@{/i/82x82.png}" width="82" height="82"></li>
                <li class="zql_itemText">
                    <div class="zql_itemTitle">群组名称</div>
                    <div class="zql_itemTime">建群时间：2014-12-29</div>
                    <div class="zql_itemP">香港股市近之势停止，令不少有买股票的艺人赔钱!</div>
                </li>
                <li class="zql_itemButton">
                    <div class="zql_itemNum">1234人已加入</div>
                    <div class="zql_itemZt">
                        <a th:href="@{/group-chat/groupchat-details}">群信息</a>|<a href="###">退出该群</a>
                    </div>
                    <a class="btn btn-success" th:href="@{/group-chat/groupchat-chat}">聊天室</a>
                </li>
            </ul>
        </div>
        <div class="pageList">
            <ul>
                <li><span>1</span></li>
                <li><a href="###">2</a></li>
                <li><a href="###">3</a></li>
                <li><a href="###">4</a></li>
                <li><a href="###">5</a></li>
                <li><a href="###">最后一页</a></li>
                <li><a href="###" class="pret">上一页</a></li>
                <li><a href="###" class="next">下一页</a></li>
            </ul>
        </div>
    </div>
    <!--页面左侧内容 end-->
    <!--页面右侧内容-->


</div>


</body>
</html>
